import { Menu } from 'antd';
import { Link, Route } from "react-router-dom";
import "./setting.less";
import { ProjectSetting } from "./projectSettings";
import { MemberSettings } from './memberSettings';
import { EnvironmentSetting } from './environmentSettings';

export function Settings() {
    return (
        <div className="settings">
            <div className="settingsLeft">
                <Menu mode="inline">
                    <Menu.Item><Link to={"/index/project/settings/projectsettings"}>项目设置</Link></Menu.Item>
                    <Menu.Item><Link to={"/index/project/settings/membersettings"}>成员设置</Link></Menu.Item>
                    <Menu.Item><Link to={"/index/project/settings/enviornmentsettings"}>环境设置</Link></Menu.Item>
                </Menu>
            </div>
            <div className="settingsRight">
                <Route path="/index/project/settings/projectsettings" component={ProjectSetting} />
                <Route path="/index/project/settings/membersettings" component={MemberSettings}></Route>
                <Route path="/index/project/settings/enviornmentsettings" component={EnvironmentSetting} />
            </div>
        </div>
    )
}


